import withIconColor from './withIconColor';
import { TIconProps } from '@/types';

const PaymentIcon = (props: TIconProps) => {
   return props.isLine ? (
      <svg
         viewBox="0 0 1024 1024"
         version="1.1"
         xmlns="http://www.w3.org/2000/svg"
         p-id="62620"
         width={props.size}
         height={props.size}
      >
         <path
            d="M958.4 421.3c0-13.4-4.5-26.8-11.2-40.2-17.9-33.5-51.4-51.4-84.9-51.4H802l-46.9-96.1H802c13.4-2.2 22.3 8.9 22.3 22.3v42.5c0 13.4 8.9 22.3 22.3 22.3s22.3-8.9 22.3-22.3v-44.7c-2.2-35.8-31.3-64.8-67-64.8h-67L712.6 142c-11.2-22.3-33.5-35.8-58.1-35.8-8.9 0-17.9 2.2-29 6.7l-156.4 76H158.5c-51.4-2.2-93.8 40.2-93.8 91.6V819c0 53.6 44.7 98.3 98.3 98.3h697.1c53.6 0 98.3-44.7 98.3-98.3V421.3zM478 231.4l60.3-29 105-51.4c2.2-2.2 4.5-2.2 8.9-2.2 6.7 0 13.4 2.2 17.9 11.2l33.5 67 2.2 4.5 46.9 96.1H279.1L478 231.4z m-315.1 0h214.5l-198.9 96.1h-20.1c-26.8 2.2-46.9-20.1-49.2-44.7 2.4-29.1 24.7-51.4 53.7-51.4zM913.7 819c0 29-24.6 53.6-53.6 53.6H162.9c-29 0-53.6-24.6-53.6-53.6V358.7c13.4 8.9 31.3 13.4 49.2 13.4h621.2l89.4 2.2c15.6 2.2 31.3 13.4 38 26.8 2.2 4.5 4.5 11.2 4.5 17.9v87.1H714.9c-51.4 0-93.8 42.5-93.8 93.8 0 51.4 42.5 93.8 93.8 93.8h198.9V819z m0-169.8H717.1c-26.8 0-49.2-22.3-49.2-49.2 0-26.8 22.3-49.2 49.2-49.2h196.6v98.4z m0 0"
            fill={props.color}
            p-id="62621"
         ></path>
         <path
            d="M958.4 421.3c0-13.4-4.5-26.8-11.2-40.2-17.9-33.5-51.4-51.4-84.9-51.4H802l-46.9-96.1H802c13.4-2.2 22.3 8.9 22.3 22.3v42.5c0 13.4 8.9 22.3 22.3 22.3s22.3-8.9 22.3-22.3v-44.7c-2.2-35.8-31.3-64.8-67-64.8h-67L712.6 142c-11.2-22.3-33.5-35.8-58.1-35.8-8.9 0-17.9 2.2-29 6.7l-156.4 76H158.5c-51.4-2.2-93.8 40.2-93.8 91.6V819c0 53.6 44.7 98.3 98.3 98.3h697.1c53.6 0 98.3-44.7 98.3-98.3V421.3zM478 231.4l60.3-29 105-51.4c2.2-2.2 4.5-2.2 8.9-2.2 6.7 0 13.4 2.2 17.9 11.2l33.5 67 2.2 4.5 46.9 96.1H279.1L478 231.4z m-315.1 0h214.5l-198.9 96.1h-20.1c-26.8 2.2-46.9-20.1-49.2-44.7 2.4-29.1 24.7-51.4 53.7-51.4zM913.7 819c0 29-24.6 53.6-53.6 53.6H162.9c-29 0-53.6-24.6-53.6-53.6V358.7c13.4 8.9 31.3 13.4 49.2 13.4h621.2l89.4 2.2c15.6 2.2 31.3 13.4 38 26.8 2.2 4.5 4.5 11.2 4.5 17.9v87.1H714.9c-51.4 0-93.8 42.5-93.8 93.8 0 51.4 42.5 93.8 93.8 93.8h198.9V819z m0-169.8H717.1c-26.8 0-49.2-22.3-49.2-49.2 0-26.8 22.3-49.2 49.2-49.2h196.6v98.4z m0 0"
            fill={props.color}
            p-id="62622"
         ></path>
      </svg>
   ) : (
      <svg
         viewBox="0 0 1024 1024"
         version="1.1"
         xmlns="http://www.w3.org/2000/svg"
         p-id="5444"
         width={props.size}
         height={props.size}
      >
         <path
            d="M848.426 934.5H176.574c-35.387 0-64.074-28.687-64.074-64.074V358.5c0-0.692 0.011-1.382 0.033-2.069 1.032-32.485 28.225-58.042 60.726-58.221L848.5 294.5c35.346 0 64 28.654 64 64v175.926a0.074 0.074 0 0 1-0.074 0.074H609.812c-53.987 0-98.363 43.964-97.293 97.941 1.034 52.123 43.61 94.059 95.981 94.059h303.926c0.041 0 0.074 0.033 0.074 0.074v143.852c0 35.387-28.687 64.074-64.074 64.074zM544.513 634.805c-0.72-36.018 29.021-65.305 65.046-65.305h302.867c0.041 0 0.074 0.033 0.074 0.074v127.852a0.074 0.074 0 0 1-0.074 0.074H608.5c-34.91 0-63.292-27.951-63.987-62.695zM640.5 630.5c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32z m89.427-539.879c21.672-5.807 42.949 3.324 47.523 20.395l31.991 119.391a0.074 0.074 0 0 1-0.071 0.093H208.453c-0.086 0-0.102-0.123-0.019-0.145L729.927 90.621z"
            fill={props.color}
            p-id="5445"
         ></path>
      </svg>
   );
};

export default withIconColor(PaymentIcon);
